<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title th:text="${'正在阅读：'+blog.title}"></title>
    <link rel="shortcut icon" type="image/x-icon" th:href="@{/static_resources/favicon.ico}" />
    <link rel="stylesheet" th:href="@{/static_resources/css/nav.css}" type="text/css">
    <link rel="stylesheet" th:href="@{/static_resources/css/homePage.css}" type="text/css">
    <link rel="stylesheet" th:href="@{/static_resources/css/read.css}" type="text/css">
</head>
<body>
<div class="navHeader">
    <div class="navLeft">
        <div class="logo">
            <img th:src="@{/static_resources/img/KeLe.png}" alt="">
            <div class="KeLeWorld">
                <img th:src="@{/static_resources/img/KeLeWorld.png}" alt="">
            </div>
        </div>
        <ul class="navUl">
            <li class="navLi">
                <a class="A" th:href="@{../tooIndex}">首页</a>
            </li>
            <li class="navLi">
                <a class="A" th:href="@{../blogs/classify}">分类</a>
            </li>
            <li class="navLi">
                <a class="peopleCenterS" th:href="@{../blogs/findBlogsByBlogger}">内容管理</a>
            </li>
        </ul>
    </div>
    <div class="navF11">
        <div class="searchContainer">
            <div class="searchInput">全屏</div>
            <div class="glass">
                <img th:src="@{/static_resources/img/fullScreen.png}" alt="">
            </div>
        </div>
    </div>
    <div class="navMiddle">
        <div class="searchContainer">
            <a th:href="@{../to/toSearch}" class="searchInput">搜索</a>
            <div class="glass">
                <img th:src="@{/static_resources/img/fangdajing.png}" alt="">
            </div>
        </div>
    </div>
    <div class="navRight">
        <div class="workCenter">
            <a class="A" th:href="@{../to/toWrite}">
                创作中心
            </a>
        </div>
        <div class="vip">
            <a class="A" th:href="@{../to/toVipCenter}">会员中心</a>
        </div>
        <div class="headerPictureContainer">
            <div class="headerPicture headerPictures">
                <th:block th:if="${session.User} ne null">
                    <img th:src="@{ ${session.User.src} }" alt="">

                </th:block>
            </div>
            <div class="message">
                <h3 class="messageName"></h3><!--后台数据*用户名-->
                <div class="vipTF">vip</div><!--vip-->
                <div class="line"></div><!--下划线-->
                <div class="FanFollowContent">
                    <div>
                        <div class="FanNumber">
                            <th:block th:if="${session.User} ne null">
                                <b th:text="${session.User.fans}"></b>
                            </th:block>
                        </div>
                        <div>
                            粉丝
                        </div>
                    </div>
                    <div>
                        <div class="FollowNumber">
                            <th:block th:if="${session.User} ne null">
                                <b th:text="${session.User.follow}"></b>
                            </th:block>
                        </div>
                        <div>
                            关注
                        </div>
                    </div>
                </div>
                <div class="personalCenterC">
                    <div class="personalCenter">
                        <a class="peopleCenter" th:href="@{../to/toPeopleCenter}">个人中心</a>
                    </div>
                    <div class="personalCenterIco">
                        <img th:src="@{/static_resources/img/icon7.png}" alt="">
                    </div>
                </div>
                <div class="personalCenterO">
                    <div class="personalCenter">
                        <a class="peopleCenter" th:href="@{../to/toContentManagement}">内容管理</a>
                    </div>
                    <div class="personalCenterIco">
                        <img id="OtherPicture" th:src="@{/static_resources/img/neirongguanli.png}" alt="">
                    </div>
                </div>
                <div class="personalCenterO">
                    <div class="personalCenter">
                        <a class="peopleCenter" th:href="@{../to/toMyCollect}">我的收藏</a>
                    </div>
                    <div class="personalCenterIco">
                        <img th:src="@{/static_resources/img/collection.png}" alt="">
                    </div>
                </div>
                <div class="personalCenterO">
                    <div class="personalCenter">
                        <a class="peopleCenter">退出登录</a>
                    </div>
                    <div class="personalCenterIco">
                        <img th:src="@{/static_resources/img/tuichu.png}" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="w readContainer">
    <div class="peopleMessage">
        <div class="headerPictureRead">
            <img th:src="@{ ${user.src} }" alt="">
        </div>
        <h3 class="headerPictureReadH3" th:text="${blog.blogger}" th:href="@{ /users/information?(id=${blog.id}) }"></h3>
        <div class="BlogNumber">博客数量：</div> <p class="timeSign" th:text="${count}"></p>
        <div class="none BlogId" th:text="${blog.bid}"></div><!--返回的博客id-->
        <div class="none BlogType" th:text="${blog.type}"></div><!--返回的博客类型-->
        <div class="BlogUserId none" th:text="${blog.id}"></div>
        <div class="fansContent">
<!--            <th:block th:if="${blog.follow} eq null">-->
<!--                粉丝数量：<span class="fanNumber"></span>-->
<!--            </th:block>-->
<!--            <th:block th:if="${blog.follow} ge 0">-->
<!--                粉丝数量：<span class="fanNumber" th:text="${blog.follow}"></span>-->
<!--            </th:block>-->
            粉丝数量：<span class="fanNumber"></span>
        </div>
        <div class="follow">

        </div>
    </div>

    <div class="readContain">
        <h1 class="titleTwo" th:text="${blog.title}"></h1>
        <div class="articleTitleContainer">
            <div class="articleTitle">
                文章标签：
                <th:block th:if="${blog.toc} eq '1'">
                    <span>原创</span>
                </th:block>
                <th:block th:if="${blog.toc} eq '2'">
                    <span>转载</span>
                </th:block>
<!--                <th:block th:if="${blog.toc} eq '0,1'">-->
<!--                    <span>生活</span>-->
<!--                </th:block>-->
<!--                <span>二次元</span>-->
<!--                <span>音乐</span>-->
<!--                <span>美食</span>-->
<!--                <span>影视</span>-->
<!--                <span>运动</span>-->
<!--                <span>科技</span>-->
<!--                <span>技术</span>-->
<!--                <span>社交</span>-->
<!--                <span>其他</span>-->
            </div>
        </div>
        <div class="addArticle" th:utext="${blog.content}"></div>
        <div class="lickCollectionComment">
            <!--点赞-->
            <div class="lickB">
                <div class="lickContent"></div>
                <div class="lick" th:text="${blog.thumbsup}"></div>
            </div>
            <div class="lickB">
                <div class="collectionContent"></div>
                <div class="collection" th:text="${blog.collection}"></div>
            </div>
            <div class="lickB">
                <div class="commentContent"></div>
                <div class="comment">评论</div>
            </div>
            <div class="lickB">
                <div class="watchContent"></div>
                <div class="watch" th:text="${blog.doh}"></div>
            </div>
        </div>
        <div class="commentUserContent">
            <div class="commentUser">

            </div>
            <div class="commentBtn">
                发表评论
            </div>
        </div>
        <div class="commentInputContent">
            <textarea class="commentInput" wrap="virtual" value="发表评论"></textarea>
        </div>
        <div class="commentEach">
<!--            <div class="commentContentS">-->
<!--                <span class="commentUserName">-->
<!--                    <span class="commentUserNickName">wo</span>：-->
<!--                </span>-->
<!--                -->
<!--            </div>-->
        </div>
    </div>
</div>
<div style="height: 50px"></div>
<div class="tips"></div>
<script th:src="@{/static_resources/js/jquery-1.12.4.min.js}" type="text/javascript"></script>
<script th:src="@{/static_resources/js/nav.js}" type="text/javascript"></script>
<script th:src="@{/static_resources/js/read.js}" type="text/javascript"></script>
<script th:src="@{/static_resources/js/otherLogin.js}" type="text/javascript"></script>
</body>
</html>
